<template>
	<view>
		<!--登录状态-->
		<view style="display: flex; padding: 15px; ">
			<view><u-avatar :src="pic" size="56"></u-avatar></view>
			<view style="flex: 1; padding-left: 12px;">
				<view style="font-weight: bold; line-height: 35px;">张三</view>
				<view style="display: flex; font-size: 14px; color: #888;">
					<view style="margin-right: 10px;">ID:34234234234</view>
					<view>复制</view>
				</view>
			</view>
			<view style="margin-top: 20px;">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>


		<!--未登录状态-->
		<view style="display: flex; padding: 15px;" v-if="false">
			<view><u-avatar :src="pic" size="56"></u-avatar></view>
			<view style="flex: 1; padding-left: 12px;">
				<view style="font-weight: bold; line-height: 35px;">张三</view>
				<view style="display: flex; font-size: 14px; color: #888;">
					<view style="margin-right: 10px;">ID:34234234234</view>
					<view>复制</view>
				</view>
			</view>
			<view style="margin-top: 20px;">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>

		<view style="position: relative; background-color: #FFF;">
			<view style="margin: 0px 5px; height: 85px; background-color: #ffb113; padding: 10px; border-radius: 10px; display: flex;">
				<view style="font-weight: bold; color: #885b09; flex: 1;">VIP至尊会员</view>
				<view><u-button type="primary" size="mini">立即升级</u-button></view>
			</view>
			<view style="position: absolute; background-color: #ffffff; left: 5px; right: 5px;z-index: 10000;top:40px;border:1px solid #ececec;height: 65px;border-radius: 10px; display: flex; justify-content: center;">
				<view style="margin: 0px 30px;">
					<view style="font-size: 16px; font-weight: bold; margin-top: 10px;  text-align: center;">650</view>
					积分
				</view>
				<view style="margin: 0px 30px;">
					<view style="font-size: 16px; font-weight: bold; margin-top: 10px; text-align: center;">5</view>
					优惠卷
				</view>
			</view>
		</view>




		<view style="margin-top: 10px; background-color: #ffffff; border-radius: 10px;">
			<u-cell-group>
				<u-cell icon="rmb-circle" title="支付"></u-cell>
			</u-cell-group>
		</view>
		<view style="margin-top: 10px; background-color: #ffffff;">
			<u-cell-group>
				<u-cell icon="star" title="收藏" isLink></u-cell>
				<u-cell icon="photo" title="相册"></u-cell>
				<u-cell icon="coupon" title="卡券"></u-cell>
				<u-cell icon="heart" title="关注"></u-cell>
			</u-cell-group>
		</view>
	
		<view style="margin-top: 10px; background-color: #ffffff;">
			<u-button>退出登录</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pic: 'https://lingjing-online.cdn.bcebos.com/v1/lingjing-online/agent_logo/2024-06-27/c9c57f75-0623-428b-b12c-791d29fad9aa.JPEG',
				show: true
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F8F8F8;
	}
</style>